<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" >
    <title>用户注册</title>
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <style type="text/css">
        body {
            background-color: rgb(242,242,242);
        }
        form{
            font-size: 20px;
        }
    </style>
</head>
<body>
<form style="margin-top: 300px; margin-left: 200px" enctype="multipart/form-data" th:action="@{/user/insertScenery}" method="post">
    <span>请输入图片名称:</span>
    <input type="text" name="myname" required="required">
    <span>请输入图片描述</span>
    <input type="text" name="describes" required="required">
    <br>
    <span>请选择爬取的类型</span>
    <select name="mytype" required="required">
        <option value ="scenery">风景</option>
        <option value ="animal">动物</option>
        <option value="anime">动漫</option>
        <option value="beauty">美女</option>
        <option value="galaxy">星空</option>
        <option value="game">游戏</option>
        <option value="phone">手机壁纸</option>
        <option value="action">动态壁纸</option>
    </select>
    <br>
    <span>请选择上传图片</span>
    <input type="file" id="exampleInputFile" name="face">
    <input type="submit" th:value="上传" style="font-size: 20px;margin-top: 30px" onclick="fun1()">
</form>
<script>
    function fun1(){
        alert("感谢你对本网站的支持，积分+5")
    }
</script>
</body>
</html>